﻿@{
    ViewBag.Title = "Welcome to dhruvtaara - the guiding star";
    Layout = "~/Views/Shared/_master.cshtml";
}
<div class="page-content-panel">
    <div>
        <div style="margin-left: auto; margin-right: auto; width: 1024px; height: 300px;
            background-color: Transparent; background-image: url(/Contents/images/stock/01.jpg);
            background-position: left; background-repeat: no-repeat; position: relative;">
            <a href='@Url.Action("Index", "WhyDhruvtaara")' title="Click to know more...">
                <div class="fadeable" style="background-color: #333; position: absolute; bottom: 40px;
                    height: 200px; width: 400px; left: 524px;">
                    <h1 style="color: yellow; background-color: #333; position: absolute; bottom: 10px;
                        margin: 6px;">
                        Knowledge is the guidance
                    </h1>
                </div>
            </a>
        </div>
        <div style="margin-left: auto; margin-right: auto; width: 1024px; margin-top: 10px;">
            <div id="online-eval-panel" style="float: left; width: 333px; height: 400px; background-color: #9BBA1F;
                margin-left: 0px; position: relative; background-image: url(/Contents/images/stock/03.jpg);
                background-position: left; background-repeat: no-repeat;">
                <a href='@Url.Action("Index", "OnlineExam")' title="Click to know more...">
                    <div class="fadeable" style="background-color: red; position: absolute; bottom: 20px;
                        height: 100px; width: 270px; left: 20px; padding: 10px">
                        <h1 style="color: #eee; position: absolute; bottom: 10px; margin: 6px;">
                            Online Evaluation
                        </h1>
                    </div>
                </a>
            </div>
            <div id="mock-int-panel" style="float: left; width: 333px; height: 400px; background-color: #FFA200;
                margin-left: 12px; position: relative; background-image: url(/Contents/images/stock/02.jpg);
                background-position: left; background-repeat: no-repeat;">
                <a href='@Url.Action("Index", "MockInterview")' title="Click to know more...">
                    <div class="fadeable" style="background-color: blue; position: absolute; bottom: 20px;
                        height: 100px; width: 270px; left: 20px; padding: 10px">
                        <h1 style="color: #eee; position: absolute; bottom: 10px; margin: 6px;">
                            Mock Interviews
                        </h1>
                    </div>
                </a>
            </div>
            <div id="real-project-panel" style="float: left; width: 333px; height: 400px; background-color: #CA3535;
                margin-left: 12px; position: relative; background-image: url(/Contents/images/stock/04.jpg);
                background-position: left; background-repeat: no-repeat;">
                <a href='@Url.Action("Index", "Project")' title="Click to know more...">
                    <div class="fadeable" style="background-color: green; position: absolute; bottom: 20px;
                        height: 100px; width: 270px; left: 20px; padding: 10px">
                        <h1 style="color: #eee; position: absolute; bottom: 10px; margin: 6px;">
                            Real Projects
                        </h1>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
